<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>头像设置 - 会员中心 -{$sitename}</title>
{include file="center_include"/}
<style>
.col-right{ float:left; }
.col-auto .col-right{ width:200px; margin-left:10px}
</style>
</head>
<body>
{include file="center_header"/}
<!-- // i-header end -->
<div id="content" class="layout">
  <div class="ui-box ui-qire fn-clear" id="i-box">
    <div id="i-bar">
 {include file="center_nav"/}     
 {include file="center_fk"/}
    </div>
    <!-- // i-bar end -->
    <div class="i-box-cnt" id="i-cnt">
      <div id="i-avatar">
        <div class="ui-title i-tab-nav-box">
            <ul class="i-tab-nav fn-clear">
              <li><a href="{:zanpian_user_url('user/center/info')}" hidefocus="">基本资料</a></li>
              <li class="line"></li>
              <li><a href="{:zanpian_user_url('user/center/email')}" hidefocus="">订阅设置</a></li>
              <li class="line"></li>
              <li class="current"><a href="{:zanpian_user_url('user/center/avatar')}" hidefocus="">头像修改</a></li>
              <li class="line"></li>              
              <li><a href="{:zanpian_user_url('user/center/pwd')}" hidefocus="">修改密码</a></li>
            </ul>
        </div><br />
        <div class="tbmov-notice"> 上传成功后，刷新页面便可以看到头像 </div>
        <div class="ui-form fn-clear">
        <div class="user-upload">{$flash}</div>
				<ul class="col-right col-avatar" id="avatarlist">
				  {volist name="avatarlist" id="avatar" offset="0" length='2'}
				  	<li>
						<img src="{$avatar}" height="{$key}" width="{$key}" id="userlogo{$i}"><br />
						头像{$key} x {$key}
					</li>
				  {/volist}
				</ul>
        </div>
        <!-- // ui-form end -->
      </div>
      <!-- // ui-box End -->
    </div>
    <!-- // i-cnt End -->
  </div>
  <!-- // maxBox End -->
</div>
<script>
		function updateavatar() {
			$("#userlogo1").attr('src', $("#userlogo1").attr('src') + "&r=" + Math.random());
			$("#userlogo2").attr('src', $("#userlogo2").attr('src') + "&r=" + Math.random());
		}
	</script>
<!-- // wrap End -->
<!-- // footer end -->
{include file="footer"/}
</body>
</html>